<template>
	<view class="home">
		<view class="flex align-center">
			<view class="text-red">*</view>
			<view class="text-28 margin-left-10">游戏名称</view>
		</view>
		<view class="bg-ff bg-shadow padding-30 radius-40 text-28 margin-top-25">
			{{detail.game_name}}
		</view>
		<view class="flex align-center margin-top-40">
			<view class="text-red">*</view>
			<view class="text-28 margin-left-10">详细心愿描述</view>
		</view>
		<view class="bg-ff bg-shadow padding-30 radius-40 text-28 margin-top-25">
			{{detail.feedback_text}}
		</view>
		<view class="flex align-center margin-top-40">
			<view class="text-red">*</view>
			<view class="text-28 margin-left-10">附图（最多5张）</view>
		</view>
		<view class="flex align-center flex-wrap margin-top-25">
			<image :src="items" mode="" class="photobg" v-for="(items,indexs) in detail.media_urls" :key="indexs"></image>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				id:"",
				detail:""
			}
		},
		onLoad(options) {
			this.id = options.id
		},
		onReady() {
			this.rq.getData('wish/wish_info',{
				id:this.id,
				shop_id: uni.getStorageSync('store_id'),
			}).then(res=>{
				if(res.code==1){
					this.detail = res.data
				}
			})
		}
	}
</script>

<style>
	.home {
		width: 100%;
		min-height: 100vh;
		background: #fff;
		padding: 30rpx;
	}
	.photobg{
		width: 112rpx;
		height: 112rpx;
		border-radius: 40rpx 40rpx 40rpx 40rpx;
		margin-right: 22rpx;
		margin-bottom: 15rpx;
	}
</style>